// @import '~@inbiz/components/style/index.less';

// @prefix-cls: ~'@{inbiz-prefix}-EformInput';
// .@{prefix-cls} {
//   height: 32px;
//   font-size: 14px;

//   // &-header {
//   // }
//   // &-body {
//   // }
//   // &-footer {
//   // }
// }
// 解决清除按钮一直显示的问题
.eformInput {
  // background-color: transparent;
  .ant-input-group-addon {
    border-top-right-radius: var(--inbiz-border-radius-base);
    border-bottom-right-radius: var(--inbiz-border-radius-base);
    cursor: default;
  }

  .ant-input-group {
    background-color: #fff;
    border-radius: var(--inbiz-border-radius-base);
  }
  border-radius: var(--inbiz-border-radius-base);

  .ant-select-selection-search {
    background-color: #fff;
    border-radius: var(--inbiz-border-radius-base);
  }

  .ant-input-clear-icon {
    opacity: 0;
  }

  &.ant-select-auto-complete {
    line-height: inherit !important;
    vertical-align: top;
  }

  input:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    box-shadow: 0 0 0 1000px transparent inset !important;
    transition: background-color 50000s ease-in-out 0s;
  }

  input {
    background-color: transparent;
  }

  &:hover {
    .ant-input-clear-icon {
      opacity: 1;
    }
  }
}

.ant-input-affix-wrapper.eformInput > input {
  border-radius: unset;
}

.ant-formily-item-size-large .eformInput {
  & .ant-select-selection-search {
    & > input {
      height: 40px;
    }

    height: 40px;
  }

  &.ant-input-affix-wrapper {
    vertical-align: top;
  }
}

.ant-formily-item-size-default .eformInput {
  & .ant-select-selection-search {
    & > input {
      height: 32px;
    }

    height: 32px;
  }

  &.ant-input-affix-wrapper {
    vertical-align: top;
  }
}

.ant-formily-item-size-small .eformInput {
  & .ant-select-selection-search {
    & > input {
      height: 24px;
    }

    height: 24px;
  }

  &.ant-input-affix-wrapper {
    vertical-align: top;
  }
}
